*{
    margin:0;
    padding:0;
}
body{
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(30deg,rgb(115,26,62),rgb(24,0,102));
}
.container{
    height: 60vh;
    width: 60vw;
    border: 2px solid #1e9fff;
    border-radius: 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.title{
    font-size: 35px;
    font-weight: 600;
    color: aliceblue;
    padding: 2vh;
    border: 2px solid #1e9fff;
    border-radius: 10% 10% 0 0;
}
.container .teacher,.container .student,.container .class,.container .course,.container .score{
    height: 20%;
    width: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container .teacher .Tbutton,.container .student .Sbutton,.container .class .Cbutton,.container .course .Coursebutton,.container .score .Scorebutton{
    height: 80%;
    width: 80%;
    font-size: 25px;
    border-radius: 50% 50%;
}
.container .teacher .Tbutton:hover,.container .student .Sbutton:hover,.container .class .Cbutton:hover,.container .course .Coursebutton:hover,.container .score .Scorebutton:hover{
    background-color: darkgrey;
    color: rgb(255, 255, 255);
    cursor: pointer;
}